<template>
  <a href="javascript:void(0);" class="back-btn" @click="$router.go(-1)">
    <i class="iconfont iconarrowleft"></i>
    <slot name="title"></slot>
  </a>
</template>

<script>
export default {
  name: 'backOff'
};
</script>

<style scoped lang="less">
  @color: #1890FF;

  .back-btn {
    display: block;
    width: 100%;
    background-color: #fff;
    padding-left: 24px;
    font-size: 24px;
    color: #0C1621;
    font-weight: bold;

    i {
      font-size: 24px;
    }

    &:hover {
      color: @color;

      i {
        color: @color;
      }
    }
  }
</style>
